import { Component } from 'react'
import "taro-ui/dist/style/components/avatar.scss";
import "taro-ui/dist/style/components/search-bar.scss";
import "taro-ui/dist/style/components/icon.scss";
import "taro-ui/dist/style/components/button.scss" // 按需引入
import './personimf.less'
import { View,Text } from '@tarojs/components'
import { AtList, AtListItem,AtIcon,AtAvatar,AtTag } from "taro-ui"
import "taro-ui/dist/style/components/list.scss";
import "taro-ui/dist/style/components/icon.scss";
import "taro-ui/dist/style/components/tag.scss";
import TabBar from './TabBar'
export default class Personimf extends Component {
    render () {
      return (
        <View>
          <AtList>
            <AtListItem title='头像' arrow='right' >
            </AtListItem>
            <AtListItem title='姓名' extraText='张晓萌' arrow='right' />
            <AtListItem title='性别'  />
            <AtListItem title='出生日期'  extraText='请选择' arrow='right' />
            <AtListItem title='手机号码'  extraText='输入手机号码' arrow='right' />
          </AtList>
          <View className="hphoto">
            <AtAvatar circle image='https://jdc.jd.com/img/200' className="headat">

            </AtAvatar>
          </View>
          <View className='s'>
            <AtTag type='primary' circle active='true' className='x'>男</AtTag>
            <AtTag type='primary' circle>女</AtTag>
          </View>
          <TabBar current={3}></TabBar>
        </View>
      );
    }
  }
